#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:hidden;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* ColorBox example user styleThese rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com*/
#cboxOverlay {
	background: #fff;
}
#colorbox {border: 3px solid #666;}
#cboxContent {
	padding-top: 27px;
}

#cboxLoadedContent {background: #fff;}

#cboxTitle {
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding: 7px 0 5px 1%;
	background: #00ADEF;
	width: 99%;
}

#cboxCurrent {
	position: absolute;
	top: -20px;
	right: 0px;
	color: #ccc;
}

#cboxSlideshow {
	position: absolute;
	top: -20px;
	right: 90px;
	color: #fff;
}

#cboxLoadingOverlay {
	background: #fff;
}

#cboxLoadingGraphic {
	background: url(imgs/loading.gif) center center no-repeat;
}

#cboxClose {
	position: absolute;
	top: 6px;
	right: 13px;
	display: block;
	background: url(imgs/closepopup_btn.gif) top center no-repeat;
	width: 12px;
	height: 12px;
	text-indent: -9999px;
}

#cboxClose.hover {
	background: url(imgs/closepopup_btn.gif) top center no-repeat
}


